// 动态注入-以脚本文件的方式注入
chrome.action.onClicked.addListener(async (tab) => { //点击插件图标后的回调
  console.log(tab);
  if (tab.url.startsWith("https://www.baidu.com")) {
    chrome.scripting.executeScript({
      target: {
        tabId: tab.id,
      },
      files: ["scripts/content.js"], // 注入js文件
      world: "MAIN",
    });
  } else {
    console.log("this is not baidu page");
  }
});


// 直接使用代码的方式注入
// chrome.action.onClicked.addListener(async (tab) => {
//   console.log(tab);
//   if (tab.url.startsWith("https://www.baidu.com")) {
//     chrome.scripting.executeScript({
//       target: {
//         tabId: tab.id,
//       },
//       func: function () {// 注入函数代码
//         document.body.style.backgroundColor = "orange";
//       },
//     });
//   } else {
//     console.log("this is not baidu page");
//   }
// });


// 函数方式注入
// chrome.action.onClicked.addListener(async (tab) => {
//   console.log(tab);
//   if (tab.url.startsWith("https://www.baidu.com")) {
//     chrome.scripting.executeScript({
//       target: {
//         tabId: tab.id,
//       },
//       func: setColor //注入函数
//     });
//   } else {
//     console.log("this is not baidu page");
//   }
// });

// const setColor = () => {
//   document.body.style.backgroundColor = "orange";
// };
